@color-blue: #4f93db;
.hide {
    display: none;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.b-gray {
    background: #c2c5ca;
}

.b-blue {
    background: #4f93db;
}

.b-azure {
    background: #2db7f5;
}

.b-glaucous {
    background: #7ce7d4;
}

.b-green {
    background: #4fd593;
}

.b-orange {
    background: #e99f68;
}

.b-red {
    background: #d75555;
}

.red {
    color: #d75555;
}

.green {
    color: #4fd593;
}

.orange {
    color: #e99f68;
}

.blue {
    color: #4f93db;
}

.bold {
    font-weight: bold;
}

.gray {
    color: #969696;
}

.clearfix:after {
    content:"";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}